<template>
  <router-view />
</template>
<script>
import { Wechatshare } from "@/http/api";
import wx from "weixin-js-sdk";
export default {
  name: "App",
  data() {
    return {
      isChange: false,
    };
  },
  methods: {
    setShareFn(data) {
      wx.config({
        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        appId: data.wechat.appId, // 必填，公众号的唯一标识
        timestamp: data.wechat.timestamp, // 必填，生成签名的时间戳
        nonceStr: data.wechat.nonceStr, // 必填，生成签名的随机串
        signature: data.wechat.signature, // 必填，签名
        jsApiList: [
          "updateTimelineShareData",
          "updateAppMessageShareData",
          "hideMenuItems",
        ], // 必填，需要使用的JS接口列表
      });
      wx.ready(function () {
        //需在用户可能点击分享按钮前就先调用
        wx.hideMenuItems({
          menuList: [
            "menuItem:feedback",
            "menuItem:copyUrl",
            "menuItem:openWithSafari",
            "menuItem:openWithQQBrowser",
          ], // 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
        });
        wx.updateAppMessageShareData({
          title: data.title, // 分享标题
          desc: data.desc,
          link: data.url, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
          imgUrl: data.logo, // 分享图标
          complete: (res) => {
            console.log(res, "complete");
          },
          trigger: (res) => {
            console.log(res, "trigger");
          },
          success: function (res) {},
          cancel: function () {
            // 用户取消分享后执行的回调函数
          },
        });
        wx.updateTimelineShareData({
          title: data.title, // 分享标题
          desc: data.desc,
          link: data.url, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
          imgUrl: data.logo, // 分享图标
          complete: (res) => {
            console.log(res, "complete");
          },
          trigger: (res) => {
            console.log(res, "trigger");
          },
          success: function (res) {
            // 这一步能进去
            // 设置成功
          },
          cancel: function () {
            // 用户取消分享后执行的回调函数
          },
        });
      });
    },
    getShareData(url) {
      let data = {
        type: 2,
      };
      Wechatshare(data).then((res) => {
        if (res.data.code == 1) {
          this.setShareFn(res.data.data);
        } else {
          this.showToast = true;
          this.showText = res.data.msg;
        }
      });
    },
  },
  mounted() {},
  created() {
    this.getShareData();
  },
};
</script>
<style></style>
